<template>
	<div id="tmpl">
	<div class="title">
	<!-- 新闻详情 -->
		<h4 v-text="info.title"></h4>
		<p>{{info.add_time | datefmt('YYYY-MM-DD HH:mm:ss')}}{{info.click}} 次浏览</p>
		</div>
		<div class="content" v-html="info.content">
		<span > </span>
		</div>

		<!-- 子评论组件 -->
		<comment :id="id"></comment>
	</div>
</template>

<script>
import { Toast } from 'mint-ui';
import common from "../../kits/common.js";
// 导入子组件
import comment from "../subcom/comment.vue";
	export default{
		components:{
			comment
		},
		data(){
			return{
				id:0,//传入的id值
				info:{
					
				}
			}
		},
		created(){//生命周期代码
			//获取url传入的参数赋值给data中的id属性
			this.id=this.$route.params.id,
			this.gitinfo();
		},
		methods:{
			gitinfo(){
				var url=common.apidomain+'/api/getnew/'+this.id;
				this.$http.get(url).then(function (res) {
					var body=res.body;
					if(body.status!=0){
						Toast(body.message);
						return;
					}
					this.info=body.message[0];
				})
			}
		}
	}
</script>

<style scoped>
	.title h4{
		color: #0094ff;
	}
	.title p{
		color:rgba(0,0,0,0.5);
	}

	.title,#content{
		padding: 5px;
	}
</style>